<script lang="ts" setup>
import Menu from '../menu/Menu.vue';
import Header from '../header/Header.vue';
import Layout from '../layout/Layout.vue';
import TabBar from '../tabbar/TabBar.vue';
</script>

<template>
  <div class="home">
    <Menu></Menu>
    <main>
      <Header />
      <TabBar />
      <Layout />
    </main>
  </div>
</template>

<style lang="scss" scoped>
.home {
  display: flex;
  // background: linear-gradient(to right, #e0e0ee, #fff, #fff);

  main {
    width: 100%;
    padding: 0;
  }
}
</style>